<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

</head>
<body>
	<!-- 复习目标
		选择器
			id选择器 
			nth-child(odd | even) 奇数 偶数
			nth-child(3n) // 三的倍数选择器
			:nth-last-child(-n+2) // 最后两个元素
			:first-child  // 第一个
			:last-child // 最后一个
			伪类 a标签 :link 未访问的链接 :hover 鼠标悬停 :active 已选择(点击未放手) :visited 已访问过的
			伪元素 ::after  ::before

		样式权重
		   !important > style > id > class > 标签 > 通配符
							    100		10	   1
			浏览器对于样式的解析 从右至左
		显示隐藏  
			display: block(显示 还用于设置块级元素) | none(隐藏)
			visibility: hidden | block
			opacity : 0-1 透明度
			height:0 
			rotate(90deg)
		对齐方式:
			text-align: left | right | center  用于横向
			important: middle   用于纵向
			line-height   纵向
		继承属性
			文字系列:font-family、font-size、font-style、font-weight
			文本:text-indent、text-align、line-height、word-spacing、letter-spacing、text-transform、direction、color
		行元素和块元素转换
			display 
			float
			定位
		溢出显示省略号
			overflow: hidden;  // 超出隐藏
			text-overflow: ellipsis; // 显示省略号
			white-space: nowrap;  // 强制不换行
		浮动(清除浮动)
			float
			clear: both;
			overflow
			空标签加高度
		定位:
			固定
			相对
			绝对
			静态定位
			降级: position：fixed 相对于absolute有一个最大的特点在于，无论你是否设置相对定位，fixed永远相对于body来定位， 而现在因为transfrom的原因，这一切都被打乱了。 fixed变成了和absolute绝对定位一样的特征
		水平垂直居中的几种方式
			列举两种
		过渡:
			transition: 属性 时间 速度 曲线(ease | linear | cubic-bezier(0.1, 0.7, 1.0, 0.1)) 延迟 
	-->
	<style>
		
	</style>
	
	
</body>
</html>